<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>首页</title>
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<link rel="stylesheet" type="text/css" href="css/animate.css"/>
		<link rel="stylesheet" type="text/css" href="css/bootstrap.css"/>
		<link rel="stylesheet" type="text/css" href="css/index.css"/>
		
		<link rel="stylesheet" type="text/css" href="//at.alicdn.com/t/font_814659_i6fnkzgnuyp.css"/>
		<script type="text/javascript" src="js/jquery-2.1.0.js"></script>
		<script type="text/javascript" src="js/bootstrap.js"></script>
	</head>
	<body>
		<!--头部-->
		<header>
			<nav class="navbar-default navbar-inverse navfixed">
  <div class="container">
    <!-- Brand and toggle get grouped for better mobile display -->
    <div class="navbar-header">
      <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1" aria-expanded="false">
        <span class="sr-only">Toggle navigation</span>
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
        <span class="icon-bar"></span>
      </button>
      <div class="logo-warp">
      	<a href="#"><img src="img/index/logo_03.png"/></a>	
      </div>
    </div>

    <!-- Collect the nav links, forms, and other content for toggling -->
    <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
      <ul class="nav navbar-nav">
        <li class="active topnav"><a href="index.html">首页<span class="sr-only">(current)</span></a></li>
        <li class="topnav"><a href="famliy.html">Laya家族</a></li>
        <li class="topnav"><a href="game.html">游戏</a></li>
        <li class="topnav"><a href="news.html">新闻动态</a></li>
        <li class="topnav"><a href="#">开发者中心</a></li>
        <li class="topnav"><a href="#">开发者社区</a></li>
        <li class="topnav"><a href="#">开放平台</a></li>
        <li class="topnav"><a href="aboutus.html">关于我们</a></li>
      </ul>
      <ul class="nav navbar-nav navbar-right">
        <!--<li><a href="#">Link</a></li>-->
        <li class="dropdown">
          <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Language <span class="caret"></span></a>
          <ul class="dropdown-menu">
            <li><a href="#">中文</a></li>
            <li><a href="#">日本语</a></li>
            <li><a href="#">English</a></li>
            <li role="separator" class="divider"></li>
            <li><a href="#">Separated link</a></li>
          </ul>
        </li>
      </ul>
    </div><!-- /.navbar-collapse -->
  </div><!-- /.container-fluid -->
</nav>
		</header>
		<!--内容-->
		<section>
			
			
			
			
			
			
			<div class="bluebg">
				<div class="index-warp">
					<img src="img/index_03.png"/>
				</div>
			</div>
			<!--引擎部分-->
			<div class="enginebg">
				<div class="engine container">
					<div class="row">
						
						
						
						
						<div class="column">
							<div class="title col-sm-8 col-xs-12">
								<p>LayaFlash引擎</p>
								<p>让Flash技术变成开发HTML5产品的利器</p>
							</div>
							<div class="content col-md-6 col-xs-12 col-lg-7">
								<div class="row">
									<div class="col-sm-12 cell col-xs-12 col-lg-6">
										<div class="cellleft fl"><img src="img/index/en1_06.png"/></div>
										<div class="cellright fl">
											<p>快速Flash产品转换</p>
											<p>Flash页游\手游仅需1个人7天即可
		转换为HTML5和APP游戏</p>
										</div>
									</div>
									<div class="col-sm-12 cell col-xs-12 col-lg-6">
										<div class="cellleft fl"><img src="img/index/en2_06.png"/></div>
										<div class="cellright fl">
											<p>LayaFlash IDE</p>
											<p>支持代码编译、调试、压缩与混淆
加密、资源转换、在线文档等功能</p>
										</div>
									</div>
								</div>
								<div class="row">
									<div class="col-sm-12 cell col-xs-12 col-lg-6">
										<div class="cellleft fl"><img src="img/index/en3_11.png"/></div>
										<div class="cellright fl">
											<p>HTML5零学习成本</p>
											<p>AS3开发者可直接使用Flash开源框
架和工具链进行开发HTML5</p>
										</div>
									</div>
									<div class="col-sm-12 cell col-xs-12 col-lg-6">
										<div class="cellleft fl"><img src="img/index/en4_14.png"/></div>
										<div class="cellright fl">
											<p>性能媲美APP</p>
											<p>LayaFlash引擎的重度游戏已运行于
QQ空间等平台，性能媲美APP</p>
										</div>
									</div>
								</div>
								
								
							</div>
						</div>
						
						
						<div class="column" >
							<div class="phone-warp col-sm-4 col-lg-4"><img src="img/index/phone_03.png"/></div>
						</div>
						
					</div>
					
				</div>
			</div>
			<!--引擎部分结束-->
			<!--优势-->
			<div class="container advantage">
				<div class="row">
					<div class="adv-img col-xs-6 col-xs-offset-3 col-sm-4 col-sm-offset-1"><img src="img/index/cup_12.png"/></div>
					<div class="adv-content col-xs-12 col-sm-6 col-sm-offset-1"> 
						<p>Layabox 优势</p>
						<div class="adv">
							<div class="right-warp fl"><img src="img/index/dun_15.png"/></div>
							快速上手，Flash程序员3小时掌握HTML5开发
						</div>
						<div class="adv">
							<div class="right-warp fl"><img src="img/index/huojian_20.png"/></div>
							4年优化打磨，LayaPlayer运行器性能媲美APP
						</div>
						<div class="adv">
							<div class="right-warp fl"><img src="img/index/tongji.png"/></div>
							超5亿的LayaPlayer移动设备安装量帮助CP发行
						</div>
						<div class="adv">
							<div class="right-warp fl"><img src="img/index/tongji.png"/></div>
							使用LayaFlash开发大型HTML5游戏的企业超100家
						</div>
					</div>
				</div>
			</div>
			
			<!--优势结束-->
			
			<!--产品家族-->
			<div class="blue">
				<div class="product container">
					<div class="row">
						<div class="title col-sm-6 col-sm-push-4">Layabox产品家族</div>
					</div>
					<!--行-->
					<div class="row">
						<!--产品单位-->
						<div class="pro-cell col-sm-4 col-sm-offset-1 col-xs-12">
							<div class="pro-icon col-sm-3 col-xs-3 col-xs-offset-5 col-sm-offset-0"><img src="img/index/cibang_55.png"/></div>
							<div class="pro-right col-sm-8 col-xs-12 col-sm-push-1">
								<p>LayaAir</p>
								<p>核心库仅100K左右的新一代HTML5引擎，支
持AS3\TS\JS语言开发，支持2D\3D，非运行
器模式下性能媲美APP。</p>
							</div>
						</div>
						<!--产品单位结束-->
						<!--产品单位-->
						<div class="pro-cell col-sm-4 col-sm-offset-2 col-xs-12">
							<div class="pro-icon col-sm-3 col-xs-3 col-xs-offset-5 col-sm-offset-0"><img src="img/index/pro2_58.png"/></div>
							<div class="pro-right col-sm-8 col-xs-12 col-sm-push-1">
								<p>LayaPublish</p>
								<p>Layabox发行业务，通过在H5产业链中的技术
桥梁优势，帮助CP获得流量支持。</p>
							</div>
						</div>
						<!--产品单位结束-->
					</div>
					<!--行-->
					<!--行-->
					<div class="row">
						<!--产品单位-->
						<div class="pro-cell col-sm-4 col-sm-offset-1 col-xs-12">
							<div class="pro-icon col-sm-3 col-xs-3 col-xs-offset-5 col-sm-offset-0"><img src="img/index/pro3_61.png"/></div>
							<div class="pro-right col-sm-8 col-xs-12 col-sm-push-1">
								<p>LayaFlash</p>
								<p>使用Flash AS3语言开发H5的引擎框架，可直
接在FB或FD中开发、调试、编译H5，也可快
速将Flash页游\手游转换成H5游戏。</p>
							</div>
						</div>
						<!--产品单位结束-->
						<!--产品单位-->
						<div class="pro-cell col-sm-4 col-sm-offset-2 col-xs-12">
							<div class="pro-icon col-sm-3 col-xs-3 col-xs-offset-5 col-sm-offset-0"><img src="img/index/pro4_59.png"/></div>
							<div class="pro-right col-sm-8 col-xs-12 col-sm-push-1">
								<p>LayaStore</p>
								<p>嵌入式HTML5商城，APP只需嵌入20K的SDK
即可以获得托管式HTML5商店服务，进入流量
获利新时代。</p>
							</div>
						</div>
						<!--产品单位结束-->
					</div>
					<!--行-->
					<!--行-->
					<div class="row">
						<!--产品单位-->
						<div class="pro-cell col-sm-4 col-sm-offset-1 col-xs-12">
							<div class="pro-icon col-sm-3 col-xs-3 col-xs-offset-5 col-sm-offset-0"><img src="img/index/pro5_65.png"/></div>
							<div class="pro-right col-sm-8 col-xs-12 col-sm-push-1">
								<p>LayaPlayer</p>
								<p>HTML5高速运行器，性能卓越、支持大型
HTML5游戏流畅运行，目前已植入QQ、百度
等20多家主流平台，安装量超5亿。</p>
							</div>
						</div>
						<!--产品单位结束-->
						<!--产品单位-->
						<div class="pro-cell col-sm-4 col-sm-offset-2 col-xs-12">
							<div class="pro-icon col-sm-3 col-xs-3 col-xs-offset-5 col-sm-offset-0"><img src="img/index/pro6_68.png"/></div>
							<div class="pro-right col-sm-8 col-xs-12 col-sm-push-1">
								<p>LayaOpen</p>
								<p>Layabox开放平台，整合了Laya提供的各项运
营，管理服务的服务，提供给游戏提供商和互
联网渠道的统一开放平台。</p>
							</div>
						</div>
						<!--产品单位结束-->
					</div>
					<!--行-->
					
					
					
				</div>
			</div>
			<!--产品家族结束-->
			<!--游戏-->
			<div class="game">
				<div class="container">
					<div class="row g-title">
						<p class="col-md-6 col-sm-8">采用Layabox引擎的精彩游戏</p>
						<p class="col-sm-1 col-md-offset-5 col-sm-offset-3"><a href="#">更多</a></p>
					</div>
					<!--底部开始-->
					<div class="row g-bottom">
						<video src="video/layabox_product.mp4"	 poster="img/index/poster_65.png" controls="controls" class="col-md-5 col-sm-6 col-xs-12" ></video>
						<div class="games col-md-7 col-sm-5 col-xs-12">
							<div class="row">
								<!--游戏单位-->
								<div class="g-cell col-md-2 col-sm-3 col-xs-4">
									<div class="g-warp">
										<a href="#"><img src="img/index/g1_64.png"/></a>
									</div>
									
									猎刃2 
								</div>
								<!--游戏单位-->
								<!--游戏单位-->
								<div class="g-cell col-md-2 col-sm-3 col-xs-4">
									<div class="g-warp">
										<a href="#"><img src="img/index/g2_65.png"/></a>
									</div>
									上吧主公
								
								</div>
								<!--游戏单位--> 
								<!--游戏单位-->
								<div class="g-cell col-md-2 col-sm-3 col-xs-4">
									<div class="g-warp">
										<a href="#"><img src="img/index/g3_65.png"/></a>
									</div>
									
									醉西游
								</div>
								<!--游戏单位-->
								<!--游戏单位-->
								<div class="g-cell col-md-2 col-sm-3 col-xs-4">
									<div class="g-warp">
										<a href="#"><img src="img/index/g4_65.png"/></a>
									</div>
									
									魔卡幻想
								</div>
								<!--游戏单位-->
								<!--游戏单位-->
								<div class="g-cell col-md-2 col-sm-3 col-xs-4">
									<div class="g-warp">
										<a href="#"><img src="img/index/g5_65.png"/></a>
									</div>
									
									超能战队
								</div>
								<!--游戏单位-->
								<!--游戏单位-->
								<div class="g-cell col-md-2 col-sm-3 col-xs-4">
									<div class="g-warp">
										<a href="#"><img src="img/index/g6_65.png"/></a>
									</div>
									
									刀塔大菠萝
								</div>
								<!--游戏单位-->
								
							<!--</div>
							
							<div class="row">-->
								<!--游戏单位-->
								<div class="g-cell col-md-2 col-sm-3 col-xs-4">
									<div class="g-warp">
										<a href="#"><img src="img/index/g7_64.png"/></a>
									</div>
									
									轰三国
								</div>
								<!--游戏单位-->
								<!--游戏单位-->
								<div class="g-cell col-md-2 col-sm-3 col-xs-4">
									<div class="g-warp">
										<a href="#"><img src="img/index/g8_65.png"/></a>
									</div>
									迷你猎人
								
								</div>
								<!--游戏单位-->
								<!--游戏单位-->
								<div class="g-cell col-md-2 col-sm-3 col-xs-4">
									<div class="g-warp">
										<a href="#"><img src="img/index/g9_65.png"/></a>
									</div>
									
									萌挂三国
								</div>
								<!--游戏单位-->
								<!--游戏单位-->
								<div class="g-cell col-md-2 col-sm-3 col-xs-4">
									<div class="g-warp">
										<a href="#"><img src="img/index/g10_65.png"/></a>
									</div>
									
									夺塔三国
								</div>
								<!--游戏单位-->
								<!--游戏单位-->
								<div class="g-cell col-md-2 col-sm-3 col-xs-4">
									<div class="g-warp">
										<a href="#"><img src="img/index/g11_65.png"/></a>
									</div>
									
									英雄争霸
								</div>
								<!--游戏单位-->
								<!--游戏单位-->
								<div class="g-cell col-md-2 col-sm-3 col-xs-4">
									<div class="g-warp">
										<a href="#"><img src="img/index/g12_65.png"/></a>
									</div>
									
									战争之门
								</div>
								<!--游戏单位-->
								
							</div>
							
						</div>
					</div>
					<!--底部结束-->
					
				</div>
			</div>
			<!--游戏结束-->
			
			<!--合作伙伴-->
			<div class="greybg">
				<!--<div class="title"></div>-->
				<div class="container firend">
					<div class="title">合作伙伴<span>(排序不分先后)</span></div>
					<div class="row firends">
						<div class="friend-cells col-sm-12">
							<div class="firend-cell col-md-2 col-sm-3 col-xs-4"><div class="f-warp"><img src="img/index/f1_73.png"/></div></div>
							<div class="firend-cell col-md-2 col-sm-3 col-xs-4"><div class="f-warp"><img src="img/index/f2_73.png"/></div></div>
							<div class="firend-cell col-md-2 col-sm-3 col-xs-4"><div class="f-warp"><img src="img/index/f3_73.png"/></div></div>
							<div class="firend-cell col-md-2 col-sm-3 col-xs-4"><div class="f-warp"><img src="img/index/f4_72.png"/></div></div>
							<div class="firend-cell col-md-2 col-sm-3 col-xs-4"><div class="f-warp"><img src="img/index/f5_73.png"/></div></div>
							<div class="firend-cell col-md-2 col-sm-3 col-xs-4"><div class="f-warp"><img src="img/index/f6_73.png"/></div></div>
							<div class="firend-cell col-md-2 col-sm-3 col-xs-4"><div class="f-warp"><img src="img/index/f7_73.png"/></div></div>
							<div class="firend-cell col-md-2 col-sm-3 col-xs-4"><div class="f-warp"><img src="img/index/f8_73.png"/></div></div>
							<div class="firend-cell col-md-2 col-sm-3 col-xs-4"><div class="f-warp"><img src="img/index/f9_73.png"/></div></div>
							<div class="firend-cell col-md-2 col-sm-3 col-xs-4"><div class="f-warp"><img src="img/index/f10_73.png"/></div></div>
							<div class="firend-cell col-md-2 col-sm-3 col-xs-4"><div class="f-warp"><img src="img/index/f11_73.png"/></div></div>
							<div class="firend-cell col-md-2 col-sm-3 col-xs-4"><div class="f-warp"><img src="img/index/f12_73.png"/></div></div>
						</div>
						
					</div>
					
				</div>
			</div>
			
			<!--合作伙伴结束-->
			
			
			
			
		</section>
		<!--尾部-->
		<footer>
			<div class="container">
				<div class="row">
				
				<div class="left col-md-5 col-sm-6">
					<p><a href="#">公司简介</a> &nbsp;<a href="#">联系方式</a> &nbsp;<a href="#">人才招聘</a></p>
					<p>All Copyright Reserved by Layabox Inc. 京ICP备15008163号-1</p>
					
				</div>
				<div class="right col-md-2 col-md-offset-5 col-sm-offset-3 col-sm-3 ">
					<div class="row">
						<div class="col-md-4 col-sm-4"><p class="email iconfont icon-email contact"></p></div>
						<div class="col-md-4 col-sm-4" ><p class="qq iconfont icon-qq contact"><img src="img/index/weixin_90.png"/></p></div>
						<div class="col-md-4 col-sm-4"><p class="weixin iconfont icon-weixin contact"></p></div> 
					</div>
				</div>
					
				</div>
			</div>
		</footer>
		
		
	</body>
</html>
